<template>
	<view class="container">
		<view class="erweima">
			<view class="store">
				<view class="stores">
					<view class="store1">
						门店二维码
					</view>
					<view class="store2">
						李沧区浮山路街道社区卫生服务中心
					</view>
				</view>
			</view>
			<view class="erweimas">
				<view class="qr">
					<image :src="imageUrl" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import $http from '@/ajax/http.js'
	
	export default {
		data(){
			return{
				token:'',
				roles:'',
				imageUrl:''
			}
		},
		onLoad(options) {
			this.roles = wx.getStorageSync('roles')
			console.log(this.roles,"this.roles");
			this.token = wx.getStorageSync('token');
			this.erweima();
		},
		methods:{
			erweima(){
				$http.request({
					header:{
						Authorization: this.token,
					},
					url:'/store/index/getQrCode',
					method:'POST',
					data:{
						width:'500',
						height:'511',
						urlStr:'wjdiadhiadhi'
					}
				}).then((res)=>{
					console.log(res);
					this.imageUrl = res.qrCode
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import '@/common/sass/all/all.scss';
	
	.erweima{
		width: 601rpx;
		height: 811rpx;
		background-color: #ffffff;
		border-radius:25rpx ;
		margin-top:20rpx ;
		
		.store{
			width: 601rpx;
			height: 200rpx;
			border-bottom: 1rpx solid #eeeeee;
			display: flex;
			justify-content: center;
			align-items: center;
			.stores{
				line-height: 55rpx;
				.store1{
					font-size: 40rpx;
					font-weight: 600;
					color: #00818B;
				}
				.store2{
					font-size: 28rpx;
					font-weight: 400;
					color: #3E3A39;
				}
			}
		
		}
		.erweimas{
			width: 601rpx;
			height: 611rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			
			.qr{
				width: 500rpx;
				height: 511rpx;
				background: #00818B;
				image{
					width: 500rpx;
					height: 511rpx;
				}
			}
		}
	}
</style>